/* 鍏叡鏍峰紡 */
body{width: 100%; height: 100%;}
button , input[type='button']{outline: none;}
button.active.focus , input[type='button'].active.focus , button:active:focus , input[type='button']:active:focus , button:active, input[type='button']:active{outline: none !important;}
.fa-times-circle:before{content: "\f057"}
.fa{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.glyphicon{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome !important;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/*妯悜瀵艰埅*/
.row{margin-left: 0; margin-right: 0;}
.nav.navbar-right>li>a:hover , .nav.navbar-right>li>a:active , .nav.navbar-right>li>a:focus{color: white;background:transparent;}
.fadeInRight>li>a{color:#333;}
.count-info{height:60px; background:transparent !important;}
.count-info>i{margin-top: 20px;}
/*澶村儚*/
.navbar-right .profile-element {padding: 8px 5px;box-sizing: border-box;}
.navbar-right .profile-element:hover{color: white;background-color: #1c2934}
.navbar-right .profile-element .headImg {display: inline-block; width: 36px;height: 36px; overflow: hidden;}
.nav-header{vertical-align: middle;}
.nav-header .logoTitle {
    font-size: 22px !important;
    color: #FFF !important;
    font-weight: 500;
    padding: 10px 19px 10px 10px !important;
}
.logoImg {display:inline-block; width: 58px; height: 36px; vertical-align: middle;}
.logoImg>img{display: inline-block; width: 100%; margin-right: 10px;}

.navbar .navbar-right .profile-element .headImg>img {
    display: inline-block;
    width: 100%;
}
.navbar .navbar-right .profile-element>a {
    display: inline-block;
    padding: 0 !important;
    background: transparent;
}
.nav-header .text-muted{font-size: 10px;}
/*宸︿晶瀵艰埅*/
/*宸︿晶鎬诲鑸�*/
#page-wrapper{padding: 0;}
.left-right-layout .navbar{margin-bottom: 0 !important;}
.left-right-layout .total-navbar{position: fixed; width: 50px; height: 100%; left: 0; background: #2f4050; box-shadow: 2px 0 3px rgba(21,39,35,0.6);  -moz-box-shadow: 2px 0 3px rgba(21,39,35,0.6); -webkit-box-shadow: 2px 0 3px rgba(21,39,35,0.6); z-index: 3000;}
.left-right-layout .total-navbar .slimScrollDiv>*{overflow: inherit;}
.left-right-layout .total-navbar .nav-tooltip{position: absolute; background: rgba(200, 200, 200, 0.8); height:40px; padding: 0 5px; top: 3px; left: 65px; z-index: 5000; border-radius: 5px; line-height: 40px; text-align: center;  min-width: 100px; color: #1f2933;}
.left-right-layout .total-navbar .nav-tooltip:after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 8px solid transparent;
}
.left-right-layout .total-navbar .nav-tooltip-left:after{
     content: '';
     border-right-color: rgba(200, 200, 200, 0.8);
     top: 50%;
     right: 100%;
     margin-top: -8px;
 }

/*导航切换*/
.left-right-layout .transverse-total-navbar {display: none;}
.left-right-layout .page-wrapper #transverse-second-nav{display: none;}

.left-right-layout .close-navbar span.nav-label{display: none;}
.left-right-layout .open-navbar span.nav-label{display: inline-block;}
.left-right-layout .total-navbar ul , .total-navbar ul li{list-style:none;}
.left-right-layout .close-navbar ul li>a>i{font-size: 16px;}
.left-right-layout .open-navbar ul li>a>i{font-size: 14px;}
.left-right-layout .total-navbar ul li{height: 40px; box-sizing: border-box; position: relative;}
.left-right-layout .total-navbar ul li>a{padding: 11px 20px 11px 15px; -webkit-transition: all 0.5s; transition: all 0.5s;}
.left-right-layout .total-navbar ul>li.active{background:#293846;}
.left-right-layout .total-navbar ul .active:before{content: ''; width: 3px; height: inherit; background: #1AB394; position: absolute; top: 0; left: 0; z-index: 3000;}
.left-right-layout .total-navbar-toggle{width:100%; height: 40px; line-height: 40px; text-align: center; background: #1AB394; color: #fff; font-size: 16px; transition: all 0.2s; cursor: pointer;}
.left-right-layout .total-navbar-toggle>i{line-height: 40px;}
body.canvas-menu .navbar-static-side, body.fixed-sidebar .navbar-static-side{width: 160px;}
/*左侧二级导航*/
.left-right-layout .second-nav{background: #293846; position: relative; top: 0; left: 0; width: 160px; height: 100%; z-index:2;}
.left-right-layout .second-nav .navbar-static-side{position: absolute;left:0; width: 100%; background: inherit;}
.left-right-layout .second-nav .navbar-static-side .accordion-heading{padding: 11px 20px 11px 25px; position: relative;}
.left-right-layout .second-nav .navbar-static-side .accordion-heading:before{content: ''; position: absolute; width: 80%; height: 1px; left: 10%; bottom: 1px; background: #1F2A33;}
.left-right-layout .second-nav .navbar-static-side .accordion-heading:after{content: ''; position: absolute; width: 80%; height: 1px; left: 10%; bottom: 0; background: #2F404C;}
.left-right-layout .second-nav .navbar-static-side .accordion-group a{color:#A7B1C2;}
.left-right-layout .second-nav .navbar-static-side .accordion-heading>a>i{float: right; display:inline-block;margin-top:2px;}
.left-right-layout .second-nav .navbar-static-side .accordion-body a{margin: 0 !important; padding: 11px 15px 11px 40px !important;}
.left-right-layout .second-nav .navbar-static-side .accordion-heading>a{font-size: 15px;}
.left-right-layout .second-nav .navbar-static-side .accordion-group-active .accordion-heading>a{color: #FFF;}
.left-right-layout .second-nav .navbar-static-side .accordion{position: relative; left: 0;}
.left-right-layout .second-nav .navbar-static-side .accordion-inner .nav-list .active>a{color: #1AB394;}
.left-right-layout .second-nav .navbar-static-side .accordion-inner .nav-list a:hover{color: #FFF; background: inherit;}
.left-right-layout .second-nav .navbar-static-side .touch-active>a{color: #1AB394;}
.left-right-layout .second-nav .navbar-static-side .nav-second-level>li>a:hover{background: #fff;}
.left-right-layout .nav-second-level li:last-child{margin-bottom: 0;}
.left-right-layout .display-arrow{display:inline-block; position: absolute; width: 16px; height: 36px; font-size: 18px;  margin-top: -18px; top: 50%; left: 144px; text-align: center; vertical-align: middle; z-index: 2200; overflow: hidden;  -o-transition: all 0.1s ease,0.1s ease;  -ms-transition: all 0.1s ease,0.1s ease;  -moz-transition: all 0.1s ease,0.1s ease;  -webkit-transition: all 0.1s ease,0.1s ease; cursor: pointer;}
.left-right-layout .display-arrow i{text-align: center; vertical-align: middle; margin-top: 10px;}
.left-right-layout .display-arrow.second-nav-open{border-radius: 5px 0 0 5px; color:rgba(167,177,194,0.4); background: rgba(47,72,92,0.7);}
.left-right-layout .display-arrow.second-nav-close{border-radius: 0 5px 5px 0; color:rgba(114,114,114,0.5); background: rgba(114,114,114,0.1); }
.left-right-layout .display-arrow i{text-align: center; vertical-align: middle;}

/*左侧主体部分*/
#page-wrapper .page-main{position: absolute; top: 0; left: 0; width: 100%; height: 100%;box-sizing: border-box;z-index:1;}
.left-right-layout #page-wrapper .page-main{padding-left: 160px;}
.close-navbar span.nav-label{display: none;}
.open-navbar span.nav-label{display: inline-block;}
.total-navbar ul , .total-navbar ul li{list-style:none;}
.close-navbar ul li>a>i{font-size: 16px;}
.open-navbar ul li>a>i{font-size: 14px;}
.total-navbar ul li{height: 40px; box-sizing: border-box; position: relative;}
.total-navbar ul li>a{padding: 11px 20px 11px 15px; -webkit-transition: all 0.5s; transition: all 0.5s;}
.total-navbar ul>li.active{background:#293846;}
.total-navbar ul .active:before{content: ''; width: 3px; height: inherit; background: #1AB394; position: absolute; top: 0; left: 0; z-index: 3000;}
.total-navbar-toggle{width:100%; height: 40px; line-height: 40px; text-align: center; background: #1AB394; color: #fff; font-size: 16px; transition: all 0.2s; cursor: pointer;}
.total-navbar-toggle>i{line-height: 40px;}
body.canvas-menu .navbar-static-side, body.fixed-sidebar .navbar-static-side{width: 160px; background: #eee;}
/*宸︿晶浜岀骇瀵艰埅*/
.second-nav{background: #293846; position: relative; top: 0; left: 0; width: 160px; height: 100%; z-index:2;}
.second-nav .navbar-static-side{position: absolute;left:0; width: 100%; background: inherit;}
.second-nav .navbar-static-side .accordion-heading{padding: 11px 20px 11px 25px; position: relative;}
.second-nav .navbar-static-side .accordion-heading:before{content: ''; position: absolute; width: 80%; height: 1px; left: 10%; bottom: 1px; background: #1F2A33;}
.second-nav .navbar-static-side .accordion-heading:after{content: ''; position: absolute; width: 80%; height: 1px; left: 10%; bottom: 0; background: #2F404C;}
.second-nav .navbar-static-side .accordion-group a{color:#A7B1C2;}
.second-nav .navbar-static-side .accordion-heading>a>i{float: right; display:inline-block;margin-top:2px;}
.second-nav .navbar-static-side .accordion-body a{margin: 0 !important; padding: 11px 15px 11px 40px !important;}
.second-nav .navbar-static-side .accordion-heading>a{font-size: 15px;}
.second-nav .navbar-static-side .accordion-group-active .accordion-heading>a{color: #FFF;}
.second-nav .navbar-static-side .accordion{position: relative; left: 0;}
.second-nav .navbar-static-side .accordion-inner .nav-list .active>a{color: #1AB394;}
.second-nav .navbar-static-side .accordion-inner .nav-list a:hover{color: #FFF; background: inherit;}
/*.second-nav .navbar-static-side .nav>li.active , .navbar-static-side .nav>li a:focus , .navbar-static-side .nav>li a:active{background: #fff;}*/
.second-nav .navbar-static-side .touch-active>a{color: #1AB394;}
.second-nav .navbar-static-side .nav-second-level>li>a:hover{background: #fff;}
.nav-second-level li:last-child{margin-bottom: 0;}

.display-arrow{position: absolute; width: 16px; height: 36px; font-size: 18px;  margin-top: -18px; top: 50%; left: 144px; text-align: center; vertical-align: middle; z-index: 2200; overflow: hidden;  -o-transition: all 0.1s ease,0.1s ease;  -ms-transition: all 0.1s ease,0.1s ease;  -moz-transition: all 0.1s ease,0.1s ease;  -webkit-transition: all 0.1s ease,0.1s ease; cursor: pointer;}
.display-arrow i{text-align: center; vertical-align: middle; margin-top: 10px;}
.display-arrow.second-nav-open{border-radius: 5px 0 0 5px; color:rgba(167,177,194,0.4); background: rgba(47,72,92,0.7);}
.display-arrow.second-nav-close{border-radius: 0 5px 5px 0; color:rgba(114,114,114,0.5); background: rgba(114,114,114,0.1); }
.display-arrow i{text-align: center; vertical-align: middle;}
/*宸︿晶涓讳綋閮ㄥ垎*/
#page-wrapper .page-main{position: absolute; top: 0; left: 0; padding-left: 160px; width: 100%; height: 100%;box-sizing: border-box;z-index:1;}

/*涓汉淇℃伅*/
.controls label{margin: 0 10px;}

/*布局按钮*/
.layout-dropdown{text-align: center;}

/*上下布局*/
.up-down-layout #page-wrapper{margin: 0;}
.up-down-layout .navbar{margin-bottom: 0 !important;}
.up-down-layout #page-wrapper .page-main{padding-left: 0;}
.up-down-layout .navbar-static-top{z-index: 210;}
/*导航切换*/
.up-down-layout .total-navbar{display: none;}
.up-down-layout #page-wrapper  #second-nav{display: none;}
.up-down-layout #page-wrapper .display-arrow{display: none;}

.up-down-layout .navbar-static-top-shadow{-moz-box-shadow: 0 2px 3px rgba(21,39,35,0.6); -webkit-box-shadow: 0 2px 3px rgba(21,39,35,0.6);}
.up-down-layout .transverse-total-navbar{float: left; margin-bottom: 0;}
.up-down-layout .transverse-total-navbar li{float: left; list-style: none; position: relative;}
.up-down-layout .transverse-total-navbar li>a{display:inline-block; height: 100%; line-height: 60px; color: #a7b1c2; padding: 0 20px; font-size: 15px;}
.up-down-layout .transverse-total-navbar li>a:hover , .up-down-layout .transverse-total-navbar li.active>a{color: #FFF;}
.up-down-layout .transverse-total-navbar li.active{background: #293846;}
.up-down-layout .transverse-total-navbar li.active:before{content: ''; position: absolute; width: 100%; height: 2px; background: #1ab394; bottom: 0;}
.up-down-layout .second-sub-nav{ width:100%; height:auto; position: absolute; top:60px; left: 0; z-index: 200;}
.up-down-layout .second-sub-nav .accordion{width:100%; height:auto; background:rgba(41,56,70,0.95); position: absolute; top:0; left:0; z-index: 200; padding: 15px 0;}
.up-down-layout .second-sub-nav .accordion .accordion-group{display: inline-block; float: left; padding: 0 20px;}
.up-down-layout .second-sub-nav .accordion .accordion-heading a{display:inline-block; width:100%; text-align: center; line-height: 40px; font-size: 18px; color: #fff; position: relative;}
.up-down-layout .second-sub-nav .accordion .accordion-heading a:before{content:''; width: 100%; height: 1px; position: absolute; background: #1b2933; bottom:1px; left: 0;}
.up-down-layout .second-sub-nav .accordion .accordion-heading a:after{content:''; width: 100%; height: 1px; position: absolute;  background:#2d4556; bottom:0px; left: 0;}
.up-down-layout .second-sub-nav .accordion .accordion-heading i{display: none;}
.up-down-layout .second-sub-nav .accordion .accordion-body .accordion-inner a{padding: 10px 25px 10px 25px !important;}
.up-down-layout .second-sub-nav .accordion .accordion-body .accordion-inner .active , .up-down-layout .second-sub-nav .accordion .accordion-body .accordion-inner .active:hover{background: transparent;}
.up-down-layout .second-sub-nav .accordion .accordion-body .accordion-inner .active a{color:#1ab394; background-color: transparent;}
.up-down-layout .second-sub-nav .accordion .accordion-body .accordion-inner a:hover{color:#FFF; background-color: transparent !important;}
